<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS技术</title>
		<link rel="stylesheet" href="css/tyust.css"/>
		<style>
			/* 放css样式 */
			/* 此处为标记选择器 */
			div{
				/* frot size 存放字大小样式*/
				/* frot color为名称，语法加： 结尾加； */
				font-size: 90px;
				color: red;
			}
			
			.titCss{
				font-size: 50px ;
				color:green;
			}
			/* #开头为id选择器 */
			/* id选择器针对一个使用 */
			#firstDiv{
				color: red;
				font-size: 12px;
			}
			#secondDiv{
				color: yellow;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<div>
			太原科技大学计算机专业
		</div>
		<div>
			太原工业学院
		</div>
		<span style="color:#FF7F00">
			6-30为数字、字母
		</span>
		<h2 class="titCss">CLASS选择器</h2>
		<p>第一个段落</p>
		<!-- 化为一类class样式 -->
		<p class="titCss">第二个段落</p>
		<span class="titCss">是个提示</span>
		<h2>id选择器</h2>
		<div id="firstDiv">JAVA开发工程师</div>
		<div id="secondDiv">JAVA大数据开发工程师</div>
	</body>
</html>